<div
  role="scrollbar"
  id="pass1"
  aria-controls="value"
  aria-orientation="value"
  aria-valuenow="value"
  aria-valuemax="value"
  aria-valuemin="value"
>
  ok
</div>
<div
  role="slider"
  id="pass2"
  aria-valuenow="value"
  aria-valuemax="value"
  aria-valuemin="value"
>
  ok
</div>
<div
  role="spinbutton"
  id="pass3"
  aria-valuenow="value"
  aria-valuemax="value"
  aria-valuemin="value"
>
  ok
</div>
<div role="heading" id="pass4" aria-level="1">ok</div>
<div
  role="combobox"
  id="pass5"
  aria-expanded="true"
  aria-controls="controlsElement"
>
  ok
</div>
<div
  role="combobox"
  id="comboboxWithOwns"
  aria-expanded="true"
  aria-owns="ownsElement"
>
  ok
</div>
<span role="radio" id="pass6" aria-checked="false">I am RED!</span>
<span role="radio" id="pass7" aria-checked="true">I am GREEN!</span>
<span role="radio" id="pass8" aria-checked="true">I am GREEN!</span>
<input type="number" role="spinbutton" id="pass9" value="10" />
<input type="number" role="spinbutton" id="pass10" />
<div role="spinbutton" id="pass11">fail</div>
<div role="separator" id="pass12"></div>
<div role="separator" id="pass13" tabindex="0" aria-valuenow="foo"></div>
<div
  role="slider"
  id="pass14-aria-valuetext-slider"
  aria-valuetext="3 minutes 20 second"
>
  ok
</div>

<div role="scrollbar" id="violation1">fail</div>
<div role="slider" id="violation2">fail</div>
<div role="heading" id="violation3">fail</div>
<div role="combobox" id="violation4">fail</div>
<span role="radio" id="violation5">I am BLUE!</span>
<div role="separator" id="violation6" tabindex="0"></div>
